#markdown {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: stretch;
  & > section {
    height: 100%;
    box-sizing: border-box;
    padding: 5px;
    &.editor {
      flex: 1 1 auto;
      display: flex;
      align-items: stretch;
      textarea {
        flex: 1 1 auto;
        border: none;
        resize: none;
        outline: none !important;
      }
    }
    &.show {
      width: 49%;
      background-color: #444;
      color: #eee;
      &.fade-enter {
        width: 0; 
      }
      &.fade-exit {
        width: 49%; 
      }
      &.fade-enter-active {
        width: 49%; 
      }
      &.fade-exit-active {
        width: 0; 
      }
      &.fade-enter-active,
      &.fade-exit-active {
        transition: all 0.5s ease;
      }
    }
  }
  & > .ant-btn {
    width: 2%;
    height: 100%;
    padding: 0;
  }
}
